.input {
  transition: none;
  font-size: 14px;
  border-radius: 6px;
  background: var(--mantine-color-bgColor-8);
  border: 1px solid var(--mantine-color-bgColor-8);
  color: var(--mantine-color-fontColorStrong-1);
  height: 40px;

  &::placeholder {
    color: var(--mantine-color-fontColorWeak-3);
  }

  &:focus-within {
    border: 1px solid var(--mantine-color-borderColor-5);
  }

  &:disabled {
    background: var(--mantine-color-bgColor-2);
    color: var(--mantine-color-fontColorWeak-1);

    &::placeholder {
      color: var(--mantine-color-fontColorWeak-1);
    }
  }
}

.error {
  font-size: 12px;
  color: var(--mantine-color-fontColorHelp-0);
}

.label {
  font-size: 14px;
  margin-bottom: 5px;
}

.no-input-border {
  input {
    border: none;

    &:focus-within {
      // border: none;
      border: 1px solid var(--mantine-color-borderColor-5) !important;
    }
  }
}

.required {
  color: blue;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--mantine-color-fontColorStrong-1);
  border: 1px solid var(--mantine-color-borderColor-0);
  box-shadow: 0 0 0 1000px var(--mantine-color-bgColor-8) inset;
  transition: background-color 5000s ease-in-out 0s;
}
